<div class="produce flex_column flex_space_between">


  <div>
    <!--<div class="produce_form">-->
    <!--<div class="input_group">-->
    <!--<input type="text" placeholder="产品名"/>-->
    <!--<select name="type" id="">-->
    <!--<option value="请选择">请选择</option>-->
    <!--<option value="屁颠虫音响">屁颠虫音响</option>-->
    <!--<option value="生活用品">生活用品</option>-->
    <!--<option value="电子玩具">电子玩具</option>-->
    <!--</select>-->
    <!--<button>搜索</button>-->
    <!--</div>-->
    <!--</div>-->


    <!--添加修改按钮部分-->
    <div class="member_button">
      <button id="member_button_add" (click)=addPro()><i class="fa fa-pencil-square-o"></i>新增</button>
      <!--<button id="mosifyContent" (click)=modifyProduce()><i class="fa fa-edit"></i>修改</button>-->
      <!--<button id="modifySort" (click)=modifySort()><i class="fa fa-sort-numeric-asc"></i>修改排序</button>-->
      <!--<button class="member_delete" (click)=deleteProduce()><i class="fa fa-trash"></i>删除</button>-->
    </div>


    <div class="loadingOutbox">
      <table class="table table-bordered table-hover">
        <thead>
        <tr>
          <td *ngFor="let thead of theads">{{thead}}</td>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let produce of produceLists;">
          <td>{{produce?.homeFlag ? "展示首页":"不在首页"}}</td>
          <td>{{produce?.proName}}</td>
          <td>{{produce?.title}}</td>
          <td>
            <button class="btn btn-primary btn-sm" (click)="editProduce(produce?.id)">修改</button>
            <button class="btn btn-primary btn-sm" (click)="deleteProduce(produce?.id)">删除</button>
          </td>
        </tr>
        </tbody>
      </table>
      <div class="loading" *ngIf="showLoading">
        <h4>loading...</h4>
      </div>

    </div>


    <div class="confirm_delete" *ngIf="showDeleteConfirm">
      <div class="confirm_div">
        <div class="confirm_part1 flex flex_row flex_space_between">
          <div>信息</div>
          <span class="fa fa-times-circle" (click)="closeConfirm()"></span>
        </div>
        <div class="confirm_part2">
          <p>确定执行？</p>
        </div>
        <div class="confirm_part3">
          <button class="confirm_sure" (click)="deleteProduceSure()">确定</button>
          <button class="confirm_concel" (click)="closeConfirm()">取消</button>
        </div>
      </div>
    </div>
    <!--内容列表部分-->
    <!--<div>-->
    <!--<div class="member_table" *ngIf="showTableBoolean">-->
    <!--<app-table-ability [comeFromParentTheads]="produceThead" [comeFromPaginLists]="produces"></app-table-ability>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div>-->
    <!--&lt;!&ndash;页签部分&ndash;&gt;-->
    <!--<app-pagination [UniqueCode]="producePageUniqueCode"-->
    <!--(produceFromPagination)="comeFromPagination($event)"></app-pagination>-->
    <!--</div>-->


    <!--设置添加产品的html-->
    <form class="modalControl" *ngIf="showBoolean">
      <!--showUniqueTitle代表是在哪个组件中使用 introduceFromText代表富文本内容,包括左侧与右侧,inputValueFromProduce代表输入文本框内容,imagesFromParent代表图片-->
      <app-modal [showUniqueTitle]="produceUnique" [introduceFromText]="richText" [inputValueFromProduce]="inputValue"
                 [imagesFromParent]="produceImage"
                 [httpUrlFromParent]="uniqueHttpUrl"
                 (booleanFromModal)="comeFromModalBoolean($event)">
        <div class="modalHeader">
          <h4>新增案例--请按照提示的内容填写</h4>
        </div>
        <div class="modalInput">
          <div class="form-group">
            <label for="title">设置案例的标题:</label>
            <input type="text" id="title" [(ngModel)]="inputValue.title" (blur)="produceTitle($event)" name="title"
                   class="form-control"
                   placeholder="设置案例的标题">
          </div>
          <h3>为该案例提供的服务:</h3>
          <div>
            <div class="form-group">
              <label>
                服务项目(多个项目请用英文状态下的逗号分隔)
                <!--:公关策划,会议服务,展览展示,商务接待.会议资源:新闻资讯,酒店场地,设备租赁服务,活动庆典服务,公关礼仪服务.-->
              </label>
              <input type="text" [(ngModel)]="selectServiceItem" (blur)="selectServiceItemHandle($event)"
                     name="serviceDir" class="form-control" placeholder="服务项目"/>
              <div>{{selectServiceItem}}</div>

            </div>
            <div class="form-group">
              <label>会议资源(多个资源请用英文状态下的逗号分隔)</label>
              <input type="text" [(ngModel)]="selectMeetingItem" (blur)="selectMeetingItemHandle($event)"
                     name="meetingDir" class="form-control" placeholder="会议资源"/>
              <div>{{selectMeetingItem}}</div>
            </div>
            <!--<div class="checkbox">-->
            <!--<label *ngFor="let item of serviceItemCheckboxs">-->
            <!--<input (click)="selectServiceItemHandle($event,item)"  type="checkbox">{{item}}-->
            <!--</label>-->
            <!--</div>-->
            <!--<div>-->
            <!--<h4>-->
            <!--会议资源-->
            <!--</h4>-->
            <!--</div>-->
            <!--<div class="checkbox">-->
            <!--<label *ngFor="let meeting of meetingCheckboxs">-->
            <!--<input (click)="selectServiceItemHandle($event,meeting)" type="checkbox">{{meeting}}-->
            <!--</label>-->
            <!--</div>-->
          </div>
          <div class="from-group">
            <label for="showIndexWhether">是否需要展示在首页</label>
            <select (change)="showIndexChange($event)" [ngModelOptions]="{standalone: true}"
                    [ngModel]="inputValue.showIndexWhehter" class="form-control" name="" id="showIndexWhether">
              <option [value]="2">请选择</option>
              <option [value]="1">展示在首页</option>
              <option [value]="0">不展示在首页</option>
            </select>
          </div>
        </div>
      </app-modal>
    </form>
    
  </div>
</div>


<!--<input type="text" [(ngModel)]="selectServiceItem"/>-->

<!--{{selectServiceItem}}-->
